<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01JS的三种引入方式</title>
</head>
<body>
<!--1.行内写法  写在对应的HTML元素上
  onclick=""给当前元素绑定一个点击事件，点击元素时执行""里的代码
  alert()显示弹窗，括号里是弹窗显示的文本，注意双引号里要写单引号!
  console.log()向浏览器控制台输入内容-->
<button onclick="alert('请先登录')">点击即玩</button>
<button onclick="console.log('点我干嘛')">点击即玩2</button>

<!-- id 值相当于当前元素-->
<h1 id="h1">我是标题</h1>
<!-- 2.内部写法:要写在body结束之前!-->
<script>
    console.log(h1)//打印id值可以直接打印出当前元素
</script>

<!--  3.外部写法:引入外部的JS文件，注意内部不能写JS代码，不会执行!-->
<script src="01.js"></script>
</body>
</html>